<template>
  <ul>
    <li>
      <p>问：menuStore里存的什么？</p>
      <p>答：</p>
      <duPre :code="code0"></duPre>
    </li>
    <li>
      <p>问：菜单数据如何本地存储？</p>
      <p>答：</p>
      <duPre :code="code1"></duPre>
    </li>
  </ul>
</template>

<script setup>
const code0 = `
modules：  模块信息，以及模块里的菜单信息
moduleId： 当前选中的模块id

`

const code1 = `
使用pinia的pinia-plugin-persist插件，进行菜单数据的本地存储。
在localStorage中可以找到key为menu_state的数据。

插件将menuStore.js里的state数据全部缓存到了本地存储中。

`
</script>

<style scoped>
p {
  line-height: 24px;
}
li {
  margin-bottom: 40px;
}
</style>
